<template>
    <div class="feedback">
        <el-tabs v-model="activeName" type="card" @tab-click="onTabClick">
            <el-tab-pane label="所有" name="first">
                <all></all>
            </el-tab-pane>
            <el-tab-pane label="未查看" name="second">
                <notviewed></notviewed>
            </el-tab-pane>
            <el-tab-pane label="已查看" name="third">
                <viewed></viewed>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import all from '@/components/feedback/all'
    import notviewed from '@/components/feedback/notviewed'
    import viewed from '@/components/feedback/viewed'
    export default {
        name: 'feedback',
        components: {
            all,notviewed,viewed

        },
        data(){
            return{
                activeName: 'first'
            }
        }
    }
</script>

<style scope>

</style>
